<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<!--
1. 过滤器
  * 作用:
    * 对单个数据进行  格式化
    * 对多个数据进行格式化或过滤操作
  * 语法:
    * {{expression | 过滤器}}
2. 常用内置过滤器
	* currency 货币格式化(文本)
	* number 数值格式化(文本)
	* date 将日期对象格式化(文本)
	* json: 将js对象格式化为json(文本)
	* lowercase : 将字符串格式化为全小写(文本)
	* uppercase : 将字符串格式化全大写(文本)

    * orderBy : 根据指定作用域属性对数组进行排序,默认是升序
	* limitTo 从一个数组或字符串中过滤出一个新的数组或字符串 两个参数limitTo:num1:num2
	* Filter : 从数组中过滤返回一个新数组
-->


<body ng-app="myApp" ng-controller="MyController">

<p ng-init="num=123123.123123">{{num}}-----{{num | currency:'￥'}}</p>
<p ng-init="num1=123123.123123">{{num1}}-----{{num1 | number:1}}</p>

<p>* date 将日期对象格式化(文本)</p>
<p>{{myDate}}-----{{myDate | date}}---{{myDate | date:'yyyy-MM-dd HH:mm:ss'}}</p>
<p>{{msg}}---{{msg | uppercase}}----{{msg | lowercase}}</p>

<ul>
    <li ng-repeat="person in persons | orderBy:'-age'">{{person.name}}---{{person.age}}</li>
</ul>

<p ng-init="arr=[2,4,5,6,7,8]">{{arr}}---{{arr | limitTo:2:-3}}</p>



<p>* Filter : 从数组中过滤返回一个新数组</p>
<input type="text" ng-model="user.$">
<ul>
    <li ng-repeat="person in persons | filter:user">{{person.name}}---{{person.age}}</li>
</ul>

<script type='text/javascript' src="../../js/angular-1.5.5/angular.js"></script>
<script type='text/javascript'>
    //创建模块对象
    angular.module('myApp', [])
            .controller('MyController', ['$scope', function ($scope) {
                $scope.myDate = new Date();
                $scope.msg = 'atguigu.com NBA games';
                $scope.persons = [
                    {name : 'kobe', age : 39},
                    {name : 'anverson', age : 40},
                    {name : 'weide', age : 42},
                    {name : 'curry', age : 38},
                    {name : 'tim', age : 35}
                ];
            }])
</script>
</body>

</html>